/**
 * 组件：ImageButton 图片按钮组件
 * Author:Colin3dmax
 */
import React, {Component} from 'react';
import PropTypes from 'prop-types';
import {
    StyleSheet,
    View,
    Text,
    TextInput,
    Image,
    TouchableOpacity,
} from 'react-native';

class InputBox extends Component {

    static propTypes = {
        style: View.propTypes.style,
        inputStyle: View.propTypes.style,
        onPress: PropTypes.func,
    }

    static defaultProps = {}

    constructor(props) {
        super(props)
        this.state = {}
    }

    componentDidMount() {

    }


    render() {
        const {style, inputStyle, onPress} = this.props
        return (
            <View style={[styles.inputBox, style]}>
                <TextInput multiline={true} style={[styles.inputText, inputStyle]}/>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    inputBox: {
        flex: 1,
        borderWidth: 1,
        borderColor: '#bbbbbb',
        borderRadius: 3,
        backgroundColor: 'white',
        justifyContent: 'center',
        paddingLeft: 5,
        paddingRight: 5,
        minHeight: 32,
    },
    inputText: {
        fontSize: 14,
    },
});

export default InputBox;